#2ABB73

Color Details

HEX
#2ABB73
RGB
rgb(42, 187, 115)
HSL
hsl(150, 63%, 45%)
CMYK
cmyk(78%, 0%, 39%, 27%)
Best text on this color #000000 (CR 8.45:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2abb73
Contrast 8.45:1 AAA
White on #2abb73
Contrast 2.48:1 Fail
#2abb73 on Black
Contrast 8.45:1 AAA
#2abb73 on White
Contrast 2.48:1 Fail

Tints & Shades

#55c98f
#7fd6ab
#aae4c7
#22965c
#197045
#114b2e

Complement & Analogous

#bb2a73
#2abbbb
#2abb2a

Triadic

#732abb
#bb732a

Monochrome

#114b2e #197045 #2abb73 #7fd6ab #aae4c7 #d4f1e3

Analogous

#2abb2a #6acf6a #2abb73 #55c9c9 #2abbbb #229696

Complementary Mix

#197045 #2abb73 #7fd6ab #bb2a73 #d375a4 #7a1b4b

Nearby Colors

#2abb72
#2abb74
#2abb63
#2abb83

Embed #2ABB73 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2ABB73

#2ABB73 converts to RGB(42, 187, 115) and HSL(150, 63%, 45%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2ABB73 FAQs

What is the RGB value of #2ABB73?
RGB: 42, 187, 115. Copy as CSS: rgb(42, 187, 115)
Is #2ABB73 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2ABB73?
Complement: #bb2a73.
Does #2ABB73 have good contrast on white or black?
On white: 2.48:1 (Fails AA). On black: 8.45:1 (AAA (normal text)).